@import '../../../styles/common.less';
.login{
  &-field{
    min-width: 542px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: @white;
    border-radius: 4px;
    .login-register{
      text-align: right;
      padding-right: 30px;
      padding-top: 30px;
      font-size: @medium-font;
      a {color: #949EE2;}
      a:hover{
        color: #7183FD;
        text-decoration: underline;
      }
    }
    .login-img {
      margin-top: 10px;
      text-align: center;
    }
    .login-title{
      margin-top: 44px;
      font-size: @sSize;
      letter-spacing: 0.41px;
      color: @black2;
      font-family: @font-Regular;
    }
    .submit{
      width: 70%;
      margin-left: 80px;
    }
    .filed-item {
      padding: 0 61px;
      margin-top: 57px;
    }
    .form-text{
      font-size: @fSize;
      margin-bottom: 8px;
      color: #61787F;
      letter-spacing: 0.2px;
      line-height: 15px
    }
    .forget{
      color: @gray1;
      font-size: @ySize;
      letter-spacing: 0.16px;
      margin-top: 54px;
      margin-bottom: 41px;
      padding-left: 61px;
      clear: both;
      a {color: #949EE2;}
      a:hover{
        color: #7183FD;
        text-decoration: underline;
      }
    }
    // lodings
    .lodings{
      position: absolute;
       width: 30px;
       height: 30px;
       left: 48%;
       margin-top: 3%;

    }
    .login-btn{
      height: 64px;
      width: 100%;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      font-size: @kidsFont;
      color: @white;
      letter-spacing: 0.3px;
      background: @normal-normal-color;
      border: 0;
      &:hover{
        background: #5D6CCA;
      }
      &:active{
        background: #7984C6;
      }
    }
    .code{
      margin-top: 60px;
      padding: 0 61px;
      height: 44px;
      line-height: 44px;
    }
    .refresh{
      text-align: right;
    }
    .code-btn{
      height: 44px;
      line-height: 44px;
      text-align: center;
      background: @gray-rgba1;
      font-size: @PSize;
      color: @gray2;
      letter-spacing: 0.27px;
    }
  }
}